<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>5.7.0-代理数组</title>
</head>

<body>
    <div id="container"></div>
</body>
<script>
    /**
     * 数组就是一个异质对象
     * - 因为数组对象的 [[DefineOwnProperty]] 内部方法与常规对象不同
     * - 数组对象除了 [[DefineOwnProperty]] 这个内部方法之外，其他内部方法的逻辑都与常规对象相同
     * - 实现对数组的代理时，用于代理普通对象的大部分代码可以继续使用
     * 
     * 对数组元素或属性的 “读取” 操作
     * - 通过索引访问数组元素值：arr[0]。
     * - 访问数组的长度：arr.length。
     * - 把数组作为对象，使用 for...in 循环遍历。
     * - 使用 for...of 迭代遍历数组。
     * - 数组的原型方法，如 concat/join/every/some/find/findIndex/includes 等，
     *    以及其他所有不改变原数组的原型方法
     * 
     * 对数组元素或属性的设置操作有哪些
     * - 通过索引修改数组元素值：arr[1] = 3
     * - 修改数组长度：arr.length = 0
     * - 数组的栈方法：push/pop/shift/unshift
     * - 修改原数组的原型方法：splice/fill/sort 等。
     **/
    

    
</script>

</html>